<template>
<!-- 工商银行非指定客群ID进入提示组件 -->
<div v-if="isTips" class="dialog-box">
    <div class="dialog-main">
        <div class="dialog-main-header">
            温馨提示
        </div>
        <div class="dialog-main-content">
            <p>非常抱歉，该视频仅面向指定客户，您暂</p>
            <p>时没有权限，请观看其他视频。</p>

        </div>
        <div class="dialog-main-footer" @click="hasKnown">
            我知道了
        </div>

    </div>

</div>
  <!-- <van-dialog v-model="isTips" title="温馨提示" :confirmButtonText="'我知道了'" :confirmButtonColor="'red'">
   
</van-dialog> -->
</template>
<script>
import fun from "../../util/function";
export default {
  props: {
      isTips:{
          type:Boolean,
          default:false
      }
  },
  data() {
    return {};
  },
  methods: {
    hasKnown() {
      this.$router.go(-1)
    }
  }
};
</script>
<style scoped>
.dialog-box {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #A1A1A1;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.dialog-main{
    position: relative;
    top: -85px;
    padding: 67px 0 30px;
    background: #FFFFFF;
    border-radius: 20px;
    text-align: center;
}
.dialog-main-header{
    margin-bottom: 45px;   
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}
.dialog-main-content{
    padding:0 50px 40px;
    border-bottom: 2px solid #ECECEC;
}
.dialog-main-content p{  
    font-size: 30px;
    font-weight: 400;
    color: #333333;
    line-height: 46px;
}
.dialog-main-footer{  
    padding-top: 26px;
    font-size: 34px;
    color: #EB3B3B;
}
</style>
